<template>
<nav class="navbar navbar-default" :class="{
  'navbar-fixed-top': fixed === 'top',
  'navbar-fixed-bottom': fixed === 'bottom'
  }">
  <div class="container-fluid">
    <div class="navbar-header">
      <slot name="header"></slot>
    </div>
    <div class="navbar-form navbar-right">
      <slot name="right"></slot>
    </div>
    <div class="navbar-form navbar-left">
      <slot name="left"></slot>
    </div>
  </div>
</nav>
</template>

<script>
export default {
  props: {
    fixed: {
      type: String,
      default: 'none'
    }
  }
}
</script>

<style>
</style>